// 获取所有的ul元素
const uls = document.querySelectorAll('.mod_playlist ul');
// 获取tab栏中的所有a元素
const tabs = document.querySelectorAll('.mod_index_tab a')
// 声明一个全局变量
let n = 0;
// 获取mod_slide_switch里面的所有a元素
const as = document.querySelectorAll('.mod_slide_switch a');
// 声明一个全局变量
let tab = 0;
// 获取所有小圆点点
const spans = document.querySelectorAll('.mod_slide_switch a span');
// 获取所有的mod_index模块
const index = document.querySelectorAll('.mod_index')

// 获取精彩轮播模块
const eves = document.querySelector('.New_event_debuts ul')
let data = [
    {
        url: './uploads/600.webp',
        title: '《世界杯BGM，你来定》',
        content: '播放量：42.0万'
    },
    {
        url: './uploads/600-1.webp',
        title: '90后必备｜奏响回忆的时代乐章',
        content: '播放量：3967.8万'
    },
    {
        url: './uploads/600-2.webp',
        title: '秋季限定 | 我的氛围感电音歌单',
        content: '播放量：11.5万'
    },
    {
        url: './uploads/600-3.webp',
        title: '开口即惊艳！好评如潮的神仙歌曲',
        content: '播放量：1237.5万'
    },
    {
        url: './uploads/600-4.webp',
        title: '伤感碎片：爱情里面你我皆罪人',
        content: '播放量：2237.2万'
    },
    {
        url: './uploads/600-5.webp',
        title: '你最近还好吗，忍不住红了双眼',
        content: '播放量：11.2万'
    },
    {
        url: './uploads/600-6.webp',
        title: '治愈系｜希望岁月让我们变得更好',
        content: '播放量：1696.5万'
    },
    {
        url: './uploads/600-7.webp',
        title: '高速专用DJ｜轻松干到120码',
        content: '播放量：3708.3万'
    },
    {
        url: './uploads/600-8.webp',
        title: '『8090青春』唤醒记忆的时代乐章',
        content: '播放量：1260.5万'
    },
    {
        url: './uploads/600-9.webp',
        title: '80后｜回味经典老歌，再续当年情',
        content: '播放量：3125.5万'
    },
    {
        url: './uploads/600-10.webp',
        title: '音综封神现场：顶级编唱震撼人心',
        content: '播放量：1972.4万'
    },
    {
        url: './uploads/600-11.webp',
        title: 'K-pop沦陷手册｜轰趴制燥派对',
        content: '播放量：1053.2万'
    },
    {
        url: './uploads/600-12.webp',
        title: '500+车载KTV：不会也要跟着唱',
        content: '播放量：2491.5万'
    },
    {
        url: './uploads/600-13.webp',
        title: '耳机控收藏，享受另类孤独情绪',
        content: '播放量：2433.0万'
    },
    {
        url: './uploads/600-14.webp',
        title: '蓝牙已连接，正在播放热门歌曲…',
        content: '播放量：2703.1万'
    },
    {
        url: './uploads/600-15.webp',
        title: '90后青春｜回放MP3里的时代乐章',
        content: '播放量：1913.5万'
    },
    {
        url: './uploads/600-16.webp',
        title: '下班即兴唱！打工人必修的解压歌',
        content: '播放量：1202.2万'
    },
    {
        url: './uploads/600-17.webp',
        title: '贝乐虎经典儿歌',
        content: '播放量：1325.8万'
    },
    {
        url: './uploads/600-18.webp',
        title: '中文DJ舞曲，全程劲爆不嗨你找我',
        content: '播放量：4191.2万'
    },
    {
        url: './uploads/600-19.webp',
        title: '那些年—属于周杰伦的R&B时代',
        content: '播放量：1636.5万'
    },
    {
        url: './uploads/600-20.webp',
        title: '去吹海风吧，让它带走所有烦心事',
        content: '播放量：1817.1万'
    },
    {
        url: './uploads/600-21.webp',
        title: '国内音乐人｜好歌竟凉到没评论',
        content: '播放量：208.4万'
    },
    {
        url: './uploads/600-22.webp',
        title: '满级人类处刑曲：红眼不是特效！',
        content: '播放量：2295.9万'
    },
    {
        url: './uploads/600-23.webp',
        title: '「Hot girl」拽姐炸街 slay全场',
        content: '播放量：1244.3万'
    },
    {
        url: './uploads/600-24.webp',
        title: '8090时代金曲，唱不完的峥嵘岁月',
        content: '播放量：1687.2万'
    }
]
let data_wl = [
    {
        url: './uploads/wl1.webp',
        title: '吐糟网络节奏：停不下的嗨嗨嗨',
        content: '播放量：76.0万'
    },
    {
        url: './uploads/wl2.webp',
        title: '网络歌曲·还记得那些最后吗',
        content: '播放量：51.4万'
    },
    {
        url: './uploads/wl3.webp',
        title: '「网络歌曲」探索当中的秘密花园',
        content: '播放量：39.6万'
    },
    {
        url: './uploads/wl4.webp',
        title: '盘点那些最具潜力的网络神曲',
        content: '播放量：62.9万'
    },
    {
        url: './uploads/wl5.webp',
        title: '欢脱歌曲乐趣多！逗比网络神曲',
        content: '播放量：57.7万'
    },
    {
        url: './uploads/wl6.webp',
        title: '「合唱情结」猝不及防的爱上网络歌曲',
        content: '播放量：111.2万'
    },
    {
        url: './uploads/wl7.webp',
        title: '来一打欢快的网络歌曲放松心情',
        content: '播放量：196.5万'
    },
    {
        url: './uploads/wl8.webp',
        title: '音乐响起时，我们约定幸福一辈子',
        content: '播放量：708.3万'
    },
    {
        url: './uploads/wl9.webp',
        title: '『回顾网络』你熟悉的不光是旋律',
        content: '播放量：60.5万'
    },
    {
        url: './uploads/wl10.webp',
        title: '网络合唱，这音乐深入人心',
        content: '播放量：125.5万'
    },
    {
        url: './uploads/wl11.webp',
        title: '网络歌曲·一个人的歌',
        content: '播放量：172.4万'
    },
    {
        url: './uploads/wl12.webp',
        title: '网络情歌 唱着你说不出口的痛',
        content: '播放量：1053.2万'
    },
    {
        url: './uploads/wl13.webp',
        title: '网络歌曲·忘记你太难',
        content: '播放量：491.5万'
    },
    {
        url: './uploads/wl14.webp',
        title: '耳机控收藏，享受另类孤独情绪',
        content: '播放量：2433.0万'
    },
    {
        url: './uploads/wl15.webp',
        title: '我虽来自网络，也怀有绚烂的梦啊',
        content: '播放量：2 03.1万'
    },
    {
        url: './uploads/wl16.webp',
        title: '网络情歌丨下起了雨，想起了你',
        content: '播放量：913.5万'
    },
    {
        url: './uploads/wl17.webp',
        title: '【网络歌曲】怎么舒服怎么唱',
        content: '播放量：202.2万'
    },
    {
        url: './uploads/wl18.webp',
        title: '贝乐虎经典儿歌',
        content: '播放量：1325.8万'
    },
    {
        url: './uploads/wl19.webp',
        title: '中文DJ舞曲，全程劲爆不嗨你找我',
        content: '播放量：4191.2万'
    },
    {
        url: './uploads/wl20.webp',
        title: '那些年—属于周杰伦的R&B时代',
        content: '播放量：1636.5万'
    },
    {
        url: './uploads/wl21.webp',
        title: '去吹海风吧，让它带走所有烦心事',
        content: '播放量：1817.1万'
    },
    {
        url: './uploads/wl22.webp',
        title: '国内音乐人｜好歌竟凉到没评论',
        content: '播放量：208.4万'
    },
    {
        url: './uploads/wl23.webp',
        title: '满级人类处刑曲：红眼不是特效！',
        content: '播放量：2295.9万'
    },
    {
        url: './uploads/wl24.webp',
        title: '「Hot girl」拽姐炸街 slay全场',
        content: '播放量：1244.3万'
    },
    {
        url: './uploads/wl25.webp',
        title: '8090时代金曲，唱不完的峥嵘岁月',
        content: '播放量：1687.2万'
    }
]
let data_sg = [
    {
        url: './uploads/sg1.webp',
        title: '华语| 原住民之歌',
        content: '播放量：76.0万'
    },
    {
        url: './uploads/sg2.webp',
        title: '华语| 早安民谣',
        content: '播放量：51.4万'
    },
    {
        url: './uploads/sg3.webp',
        title: '纯音乐☁超治愈☁适合学习喔～',
        content: '播放量：39.6万'
    },
    {
        url: './uploads/sg4.webp',
        title: '华语| 忆故乡',
        content: '播放量：62.9万'
    },
    {
        url: './uploads/sg5.webp',
        title: '韩语｜情歌二重唱',
        content: '播放量：57.7万'
    },
    {
        url: './uploads/sg6.webp',
        title: '泰式浪漫：你想要的甜蜜幻想',
        content: '播放量：111.2万'
    },
    {
        url: './uploads/sg7.webp',
        title: '【真情流露】2010的声音倾吐芬芳',
        content: '播放量：196.5万'
    },
    {
        url: './uploads/sg8.webp',
        title: '音乐里那些不言而喻的“我爱你”',
        content: '播放量：708.3万'
    },
    {
        url: './uploads/sg9.webp',
        title: '温柔华语 | 把故事藏在歌中',
        content: '播放量：60.5万'
    },
    {
        url: './uploads/sg10.webp',
        title: '网络合唱，这音乐深入人心',
        content: '播放量：125.5万'
    },
    {
        url: './uploads/sg11.webp',
        title: '网络歌曲·一个人的歌',
        content: '播放量：172.4万'
    },
    {
        url: './uploads/sg12.webp',
        title: '网络情歌 唱着你说不出口的痛',
        content: '播放量：1053.2万'
    },
    {
        url: './uploads/sg13.webp',
        title: '网络歌曲·忘记你太难',
        content: '播放量：491.5万'
    },
    {
        url: './uploads/sg14.webp',
        title: '耳机控收藏，享受另类孤独情绪',
        content: '播放量：2433.0万'
    },
    {
        url: './uploads/sg15.webp',
        title: '我虽来自网络，也怀有绚烂的梦啊',
        content: '播放量：2 03.1万'
    },
    {
        url: './uploads/sg16.webp',
        title: '网络情歌丨下起了雨，想起了你',
        content: '播放量：913.5万'
    },
    {
        url: './uploads/sg17.webp',
        title: '【网络歌曲】怎么舒服怎么唱',
        content: '播放量：202.2万'
    },
    {
        url: './uploads/sg18.webp',
        title: '贝乐虎经典儿歌',
        content: '播放量：1325.8万'
    },
    {
        url: './uploads/sg19.webp',
        title: '中文DJ舞曲，全程劲爆不嗨你找我',
        content: '播放量：4191.2万'
    },
    {
        url: './uploads/sg20.webp',
        title: '那些年—属于周杰伦的R&B时代',
        content: '播放量：1636.5万'
    },
    {
        url: './uploads/sg21.webp',
        title: '去吹海风吧，让它带走所有烦心事',
        content: '播放量：1817.1万'
    },
    {
        url: './uploads/sg22.webp',
        title: '国内音乐人｜好歌竟凉到没评论',
        content: '播放量：208.4万'
    },
    {
        url: './uploads/sg23.webp',
        title: '满级人类处刑曲：红眼不是特效！',
        content: '播放量：2295.9万'
    },
    {
        url: './uploads/sg24.webp',
        title: '「Hot girl」拽姐炸街 slay全场',
        content: '播放量：1244.3万'
    },
    {
        url: './uploads/sg25.webp',
        title: '8090时代金曲，唱不完的峥嵘岁月',
        content: '播放量：1687.2万'
    }
]
let data_ktv = [
    {
        url: './uploads/ktv1.webp',
        title: 'KTV华语| 原住民之歌',
        content: '播放量：76.0万'
    },
    {
        url: './uploads/ktv2.webp',
        title: 'KTV华语| 早安民谣',
        content: '播放量：51.4万'
    },
    {
        url: './uploads/ktv3.webp',
        title: 'KTV纯音乐☁超治愈☁适合学习喔～',
        content: '播放量：39.6万'
    },
    {
        url: './uploads/ktv4.webp',
        title: 'KTV华语| 忆故乡',
        content: '播放量：62.9万'
    },
    {
        url: './uploads/ktv5.webp',
        title: 'KTV韩语｜情歌二重唱',
        content: '播放量：57.7万'
    },
    {
        url: './uploads/ktv6.webp',
        title: 'KTV泰式浪漫：你想要的甜蜜幻想',
        content: '播放量：111.2万'
    },
    {
        url: './uploads/ktv7.webp',
        title: 'KTV【真情流露】2010的声音倾吐芬芳',
        content: '播放量：196.5万'
    },
    {
        url: './uploads/ktv8.webp',
        title: 'KTV音乐里那些不言而喻的“我爱你”',
        content: '播放量：708.3万'
    },
    {
        url: './uploads/ktv9.webp',
        title: 'KTV温柔华语 | 把故事藏在歌中',
        content: '播放量：60.5万'
    },
    {
        url: './uploads/ktv10.webp',
        title: 'KTV网络合唱，这音乐深入人心',
        content: '播放量：125.5万'
    },
    {
        url: './uploads/ktv11.webp',
        title: 'KTV网络歌曲·一个人的歌',
        content: '播放量：172.4万'
    },
    {
        url: './uploads/ktv12.webp',
        title: 'KTV网络情歌 唱着你说不出口的痛',
        content: '播放量：1053.2万'
    },
    {
        url: './uploads/ktv13.webp',
        title: 'KTV网络歌曲·忘记你太难',
        content: '播放量：491.5万'
    },
    {
        url: './uploads/ktv14.webp',
        title: 'KTV耳机控收藏，享受另类孤独情绪',
        content: '播放量：2433.0万'
    },
    {
        url: './uploads/ktv15.webp',
        title: 'KTV我虽来自网络，也怀有绚烂的梦啊',
        content: '播放量：2 03.1万'
    },
    {
        url: './uploads/ktv16.webp',
        title: 'KTV网络情歌丨下起了雨，想起了你',
        content: '播放量：913.5万'
    },
    {
        url: './uploads/ktv17.webp',
        title: 'KTV【网络歌曲】怎么舒服怎么唱',
        content: '播放量：202.2万'
    },
    {
        url: './uploads/ktv18.webp',
        title: 'KTV贝乐虎经典儿歌',
        content: '播放量：1325.8万'
    },
    {
        url: './uploads/ktv19.webp',
        title: 'KTV中文DJ舞曲，全程劲爆不嗨你找我',
        content: '播放量：4191.2万'
    },
    {
        url: './uploads/ktv20.webp',
        title: 'KTV那些年—属于周杰伦的R&B时代',
        content: '播放量：1636.5万'
    },
    {
        url: './uploads/ktv21.webp',
        title: 'KTV去吹海风吧，让它带走所有烦心事',
        content: '播放量：1817.1万'
    },
    {
        url: './uploads/ktv22.webp',
        title: 'KTV国内音乐人｜好歌竟凉到没评论',
        content: '播放量：208.4万'
    },
    {
        url: './uploads/ktv23.webp',
        title: 'KTV满级人类处刑曲：红眼不是特效！',
        content: '播放量：2295.9万'
    },
    {
        url: './uploads/ktv24.webp',
        title: 'KTV「Hot girl」拽姐炸街 slay全场',
        content: '播放量：1244.3万'
    },
    {
        url: './uploads/ktv25.webp',
        title: 'KTV8090时代金曲，唱不完的峥嵘岁月',
        content: '播放量：1687.2万'
    }
]
let data_gf = [
    {
        url: './uploads/gf1.webp',
        title: '城市漫游计划',
        content: '播放量：76.0万'
    },
    {
        url: './uploads/gf2.webp',
        title: '华语| 关于北方的记忆',
        content: '播放量：51.4万'
    },
    {
        url: './uploads/gf3.webp',
        title: '华语| 甜美儿歌',
        content: '播放量：39.6万'
    },
    {
        url: './uploads/gf4.webp',
        title: '华语| 童年时光机',
        content: '播放量：62.9万'
    },
    {
        url: './uploads/gf5.webp',
        title: '卡点狂魔| Urban舞蹈BGM',
        content: '播放量：57.7万'
    },
    {
        url: './uploads/gf6.webp',
        title: '华语| 男孩别哭',
        content: '播放量：111.2万'
    },
    {
        url: './uploads/gf7.webp',
        title: 'Urban70年代',
        content: '播放量：196.5万'
    },
    {
        url: './uploads/gf8.webp',
        title: '华语| 清凉调',
        content: '播放量：708.3万'
    },
    {
        url: './uploads/gf9.webp',
        title: '“三杰” 时光荏苒,追寻逝去流年',
        content: '播放量：60.5万'
    },
    {
        url: './uploads/gf10.webp',
        title: '自然轻音乐：深蓝色水族馆',
        content: '播放量：125.5万'
    },
    {
        url: './uploads/wl11.webp',
        title: '网络歌曲·一个人的歌',
        content: '播放量：172.4万'
    },
    {
        url: './uploads/wl12.webp',
        title: '网络情歌 唱着你说不出口的痛',
        content: '播放量：1053.2万'
    },
    {
        url: './uploads/wl13.webp',
        title: '网络歌曲·忘记你太难',
        content: '播放量：491.5万'
    },
    {
        url: './uploads/wl14.webp',
        title: '耳机控收藏，享受另类孤独情绪',
        content: '播放量：2433.0万'
    },
    {
        url: './uploads/wl15.webp',
        title: '我虽来自网络，也怀有绚烂的梦啊',
        content: '播放量：2 03.1万'
    },
    {
        url: './uploads/wl16.webp',
        title: '网络情歌丨下起了雨，想起了你',
        content: '播放量：913.5万'
    },
    {
        url: './uploads/wl17.webp',
        title: '【网络歌曲】怎么舒服怎么唱',
        content: '播放量：202.2万'
    },
    {
        url: './uploads/wl18.webp',
        title: '贝乐虎经典儿歌',
        content: '播放量：1325.8万'
    },
    {
        url: './uploads/wl19.webp',
        title: '中文DJ舞曲，全程劲爆不嗨你找我',
        content: '播放量：4191.2万'
    },
    {
        url: './uploads/wl20.webp',
        title: '那些年—属于周杰伦的R&B时代',
        content: '播放量：1636.5万'
    },
    {
        url: './uploads/wl21.webp',
        title: '去吹海风吧，让它带走所有烦心事',
        content: '播放量：1817.1万'
    },
    {
        url: './uploads/wl22.webp',
        title: '国内音乐人｜好歌竟凉到没评论',
        content: '播放量：208.4万'
    },
    {
        url: './uploads/wl23.webp',
        title: '满级人类处刑曲：红眼不是特效！',
        content: '播放量：2295.9万'
    },
    {
        url: './uploads/wl24.webp',
        title: '「Hot girl」拽姐炸街 slay全场',
        content: '播放量：1244.3万'
    },
    {
        url: './uploads/wl25.webp',
        title: '8090时代金曲，唱不完的峥嵘岁月',
        content: '播放量：1687.2万'
    }
]
let data_qg = [
    {
        url: './uploads/qg1.webp',
        title: '摘下相思豆，熬成细绵粥',
        content: '播放量：42.0万'
    },
    {
        url: './uploads/qg2.webp',
        title: '还是想住进你心里『国语情歌』',
        content: '播放量：3967.8万'
    },
    {
        url: './uploads/qg3.webp',
        title: '【闽南语对唱】情歌分你一半唱',
        content: '播放量：11.5万'
    },
    {
        url: './uploads/qg4.webp',
        title: '致异地恋的你们',
        content: '播放量：1237.5万'
    },
    {
        url: './uploads/qg5.webp',
        title: '一场爱情的百转千回',
        content: '播放量：2237.2万'
    },
    {
        url: './uploads/qg6.webp',
        title: '日落时分的电台情歌',
        content: '播放量：11.2万'
    },
    {
        url: './uploads/qg7.webp',
        title: '淡淡花香 清新华语女声',
        content: '播放量：1696.5万'
    },
    {
        url: './uploads/qg8.webp',
        title: '浪漫情歌 · 我们一起唱更有爱',
        content: '播放量：3708.3万'
    },
    {
        url: './uploads/qg9.webp',
        title: '情歌对唱 | 有一种美好只有我们知道',
        content: '播放量：1260.5万'
    },
    {
        url: './uploads/qg10.webp',
        title: '历久情深，枕着音乐入梦',
        content: '播放量：3125.5万'
    },
    {
        url: './uploads/600-10.webp',
        title: '音综封神现场：顶级编唱震撼人心',
        content: '播放量：1972.4万'
    },
    {
        url: './uploads/600-11.webp',
        title: 'K-pop沦陷手册｜轰趴制燥派对',
        content: '播放量：1053.2万'
    },
    {
        url: './uploads/600-12.webp',
        title: '500+车载KTV：不会也要跟着唱',
        content: '播放量：2491.5万'
    },
    {
        url: './uploads/600-13.webp',
        title: '耳机控收藏，享受另类孤独情绪',
        content: '播放量：2433.0万'
    },
    {
        url: './uploads/600-14.webp',
        title: '蓝牙已连接，正在播放热门歌曲…',
        content: '播放量：2703.1万'
    },
    {
        url: './uploads/600-15.webp',
        title: '90后青春｜回放MP3里的时代乐章',
        content: '播放量：1913.5万'
    },
    {
        url: './uploads/600-16.webp',
        title: '下班即兴唱！打工人必修的解压歌',
        content: '播放量：1202.2万'
    },
    {
        url: './uploads/600-17.webp',
        title: '贝乐虎经典儿歌',
        content: '播放量：1325.8万'
    },
    {
        url: './uploads/600-18.webp',
        title: '中文DJ舞曲，全程劲爆不嗨你找我',
        content: '播放量：4191.2万'
    },
    {
        url: './uploads/600-19.webp',
        title: '那些年—属于周杰伦的R&B时代',
        content: '播放量：1636.5万'
    },
    {
        url: './uploads/600-20.webp',
        title: '去吹海风吧，让它带走所有烦心事',
        content: '播放量：1817.1万'
    },
    {
        url: './uploads/600-21.webp',
        title: '国内音乐人｜好歌竟凉到没评论',
        content: '播放量：208.4万'
    },
    {
        url: './uploads/600-22.webp',
        title: '满级人类处刑曲：红眼不是特效！',
        content: '播放量：2295.9万'
    },
    {
        url: './uploads/600-23.webp',
        title: '「Hot girl」拽姐炸街 slay全场',
        content: '播放量：1244.3万'
    },
    {
        url: './uploads/600-24.webp',
        title: '8090时代金曲，唱不完的峥嵘岁月',
        content: '播放量：1687.2万'
    }
]
let data_zx = [
    {
        url: './uploads/zx1.webp',
        title: '此身《王者荣耀》赵怀真英雄主...',
        content: '张远 /王者荣耀'
    },
    {
        url: './uploads/zx2.webp',
        title: '이 밤이 가면 그대 올까요 (Me...',
        content: 'PUNCH (펀치)'
    },
    {
        url: './uploads/zx3.webp',
        title: '病',
        content: 'TREASURE (트레저)'
    },
    {
        url: './uploads/zx4.webp',
        title: '冰火序章《冰火魔厨2》动画...',
        content: '金志文'
    },
    {
        url: './uploads/zx5.webp',
        title: 'Paper Crown',
        content: '沙宝亮'
    },
    {
        url: './uploads/zx6.webp',
        title: '玫瑰花香',
        content: 'Alec Benjamin'
    },
    {
        url: './uploads/zx7.webp',
        title: '孩子气',
        content: '彭佳慧'
    },
    {
        url: './uploads/zx8.webp',
        title: '去追那束光《征途》电影主...',
        content: '沙宝亮 ',
    },
    {
        url: './uploads/zx9.webp',
        title: 'Santa, Can’t You Hear Me...',
        content: 'Kelly Clarkson /Ariana Grand...'
    },
    {
        url: './uploads/zx10.webp',
        title: '继续喜欢你',
        content: '叶炫清'
    },
    {
        url: './uploads/zx11.webp',
        title: '躺',
        content: 'The Popest'
    },
    {
        url: './uploads/zx12.webp',
        title: '失踪人口',
        content: '李兴亮'
    },
    {
        url: './uploads/zx13.webp',
        title: 'Girl In The Mirror (Feat. Fra...',
        content: '洪真英 (홍진영) /Frawley'
    },
    {
        url: './uploads/zx14.webp',
        title: 'I Hate You When You"re Dru...',
        content: 'Olly Murs'
    },
    {
        url: './uploads/zx15.webp',
        title: 'Pointless',
        content: 'Lewis Capaldi'
    },
    {
        url: './uploads/zx16.webp',
        title: 'Draw Love (Feat.moodenuf...',
        content: '그래쓰 (GRASS) /moodenuf'
    },
    {
        url: './uploads/zx17.webp',
        title: '毒林檎',
        content: 'DECO*27 (デコ・ニーナ)'
    },
    {
        url: './uploads/zx18.webp',
        title: '你要跳舞吗 (Live)',
        content: '陈楚生 /王栎鑫 /陆虎 /张远 /...'
    }
]

const data_tj = [
    {
        url: './uploads/jctj1.webp'
    },
    {
        url: './uploads/jctj2.webp'
    },
    {
        url: './uploads/jctj3.webp'
    },
    {
        url: './uploads/jctj4.webp'
    }
]
let m = 0;
const songs = document.querySelectorAll('.New_song_debuts ul');
const albums = document.querySelectorAll('.New_album_debuts ul');
const mvs = document.querySelectorAll('.New_mv_debuts ul');
const song_tabs = document.querySelectorAll('.mod_index_song_tab a')
// mod_playlist模块
// 封装歌单推荐渲染函数
function xr(s, arr, r, d) {
    // 创建li元素
    const liNode = document.createElement('li');
    // 给li里面赋值
    liNode.innerHTML = `
    <div>
        <a class="mod_playlist_img" href="javascripg:void(null)">
            <img src="${arr[r].url}" alt="">
            <i></i>
        </a>
    </div>
    <h3><a href="javascript:void(null)">${arr[r].title}</a></h3>
    <p>${arr[r].content}</p>`
    // 在ul里面追加子元素li
    s[d].appendChild(liNode);
}
// 封装新歌首发渲染函数
function song(s, arr, r, d) {
    // 创建li元素
    const liNode = document.createElement('li');
    // 给li里面赋值
    liNode.innerHTML = `
    <div cl>
        <a class="mod_playlist_img" href="javascripg:void(null)">
            <img src="${arr[r].url}" alt="">
            <i></i>
        </a>
    </div>
    <div>
    <h3><a href="javascript:void(null)">${arr[r].title}</a></h3>
    <p>${arr[r].content}</p>
    </div>
    <div>03:12</div>`
    // 在ul里面追加子元素li
    s[d].appendChild(liNode);
}

// 封装精彩推荐渲染函数
function xrtj(arr, r) {
    // 创建li元素
    const liNode = document.createElement('li');
    // 给li里面赋值
    liNode.innerHTML = `
        <a class="mod_playlist_img" href="javascripg:void(null)">
            <img src="${arr[r].url}" alt="">
        </a>`
    // 在ul里面追加子元素li
    eves.appendChild(liNode);
}

// 封装点击跳转函数
function fn(s, m, n) {
    let num = m * -1200
    // 点击第m个a会位移 i * -1200px的距离
    s[n].style.transform = `translateX(${num}px)`;
    // 为ul添加过渡属性
    s[n].style.transition = `all 1s`;
    // 获取span类名为active并移出类名
    document.querySelector('.mod_slide_switch a span.active').classList.remove('active');
    // 为当前点击的a的spans添加active类名
    spans[m].classList.add('active');
}

// ---------------渲染为你推荐页面------------------
for (let i = 0; i < data.length; i++) {
    // 调用渲染函数
    xr(uls, data, i, 0)
}
// ---------------渲染网络歌曲页面------------------
for (let i = 0; i < data_wl.length; i++) {
    // 调用渲染函数
    xr(uls, data_wl, i, 1)
}
// ---------------渲染伤感歌曲页面------------------
for (let i = 0; i < data_sg.length; i++) {
    // 调用渲染函数
    xr(uls, data_sg, i, 2)
}
// ---------------渲染ktv歌曲页面------------------
for (let i = 0; i < data_ktv.length; i++) {
    // 调用渲染函数
    xr(uls, data_ktv, i, 3)
}
// ---------------渲染官方歌单页面------------------
for (let i = 0; i < data_gf.length; i++) {
    // 调用渲染函数
    xr(uls, data_gf, i, 4)
}
// ---------------渲染情歌歌曲页面------------------
for (let i = 0; i < data_qg.length; i++) {
    // 调用渲染函数
    xr(uls, data_qg, i, 5)
}

// ------------------渲染新歌首发页面------------------
for (let i = 0; i < data_zx.length; i++) {
    song(songs, data_zx, i, 0)
}
for (let i = 0; i < 18; i++) {
    song(songs, data_qg, i, 1)
}
for (let i = 0; i < 18; i++) {
    song(songs, data_ktv, i, 2)
}
for (let i = 0; i < 18; i++) {
    song(songs, data_wl, i, 3)
}
for (let i = 0; i < 18; i++) {
    song(songs, data_sg, i, 4)
}
for (let i = 0; i < 18; i++) {
    song(songs, data_gf, i, 5)
}
// ------------渲染精彩推荐轮播模块--------------------
for (let i = 0; i < data_tj.length; i++) {
    xrtj(data_tj, i);
}
// ---------------------渲染新碟首发页面---------------
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(albums, data_wl, i, 0)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(albums, data_zx, i, 1)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(albums, data_gf, i, 2)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(albums, data_ktv, i, 3)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(albums, data_qg, i, 4)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(albums, data_sg, i, 5)
}
// ---------------渲染mv页面----------------
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(mvs, data_qg, i, 0)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(mvs, data_sg, i, 1)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(mvs, data_wl, i, 2)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(mvs, data_zx, i, 3)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(mvs, data_gf, i, 4)
}
for (let i = 0; i < 18; i++) {
    // 调用渲染函数
    xr(mvs, data_ktv, i, 5)
}
let songs_tab = 0
// 给每个tabs添加点击事件
for (let j = 0; j < tabs.length; j++) {
    tabs[j].addEventListener('click', function () {
        // 给j的值赋给全局变量tab
        tab = j;
        // 调用fn函数
        fn(uls, 0, j);
        // 给n的值赋值为0
        n = 0;
        // 获取tab栏类名为active并移出类名
        document.querySelector('.mod_index_tab a.active').classList.remove('active');
        // 为当前tab栏点击的a添加active类名
        tabs[j].classList.add('active');
        // 获取mod_playlist栏类名为active并移出类名
        document.querySelector('.mod_playlist ul.active').classList.remove('active');
        uls[j].classList.add('active');
    })
}
// 新歌首发切换tab栏
// function fn_x(s, m, n) {
//     let num = m * -1200
//     // 点击第m个a会位移 i * -1200px的距离
//     s[n].style.transform = `translateX(${num}px)`;
//     // 为ul添加过渡属性
//     s[n].style.transition = `all 1s`;
//     // 获取span类名为active并移出类名
//     document.querySelector('.mod_song_switch a span.active').classList.remove('active');
//     // 为当前点击的a的spans添加active类名
//     spans[m].classList.add('active');
// }
for (let j = 0; j < song_tabs.length; j++) {
    song_tabs[j].addEventListener('click', function () {
        songs_tab = j
        fn_s(songs, 0, j);
        // 给n的值赋值为0
        m = 0;
        // 获取tab栏类名为active并移出类名
        document.querySelector('.mod_index_song_tab a.active').classList.remove('active');
        // 为当前tab栏点击的a添加active类名
        song_tabs[j].classList.add('active');
        // 获取mod_playlist栏类名为active并移出类名
        document.querySelector('.New_song_debuts ul.active').classList.remove('active');
        songs[j].classList.add('active');
    })
}
// 循环遍历as伪数组
for (let i = 0; i < as.length; i++) {
    // 为每个a添加点击事件
    as[i].addEventListener('click', function () {
        //    调用封装函数
        fn(uls, i, tab);
        // 给n传入当前函数的值
        n = i
    })
}
// ----------------tab栏切换功能---------------
// ---------------获取左右箭头------------
const prve = document.querySelector('.arrows .prve');
const next = document.querySelector('.arrows .next');
const song_spans = document.querySelectorAll('.mod_song_switch a span');
// 为左箭头添加点击事件
prve.addEventListener('click', function () {
    if (n === 0) {
        n = as.length - 1;
        fn(uls, n, tab);
    } else {
        n--;
        fn(uls, n, tab)
    }

})
// 为右箭头添加点击事件
next.addEventListener('click', function () {
    if (n >= as.length - 1) {
        n = 0;
        fn(uls, n, tab);
    } else {
        n++
        fn(uls, n, tab)
    }
})
// -------------------新歌首发-----------------
// 封装点击跳转函数
function fn_s(s, m, n) {
    let num = m * -1200
    // 点击第m个a会位移 i * -1200px的距离
    s[n].style.transform = `translateX(${num}px)`;
    // 为ul添加过渡属性
    s[n].style.transition = `all 1s`;
    // 获取span类名为active并移出类名
    document.querySelector('.mod_song_switch a span.active').classList.remove('active');
    // 为当前点击的a的spans添加active类名
    song_spans[m].classList.add('active');
}
const song_prve = document.querySelector('.arrows_song .prve')
const song_next = document.querySelector('.arrows_song .next')
const songs_switch = document.querySelectorAll('.mod_song_switch a')
for (let i = 0; i < songs_switch.length; i++) {
    // 为每个a添加点击事件
    songs_switch[i].addEventListener('click', function () {
        //    调用封装函数
        fn_s(songs, i, songs_tab)
        // 给n传入当前函数的值
        m = i
    })
}

song_prve.addEventListener('click', function () {
    if (m === 0) {
        m++;
        fn_s(songs, m, songs_tab)
    } else {
        m--
        fn_s(songs, m, songs_tab)
    }
})
// 为右箭头添加点击事件
song_next.addEventListener('click', function () {
    if (m === 1) {
        m--;
        fn_s(songs, m, songs_tab)
    } else {
        m++
        fn_s(songs, m, songs_tab)
    }
})
// ----------------精彩推荐-----------------
let c = 0
const event_spans = document.querySelectorAll('.mod_event_switch a span')
const event_ul = document.querySelector('.New_event_debuts ul')
const event_prve = document.querySelector('.arrows_event .prve')
const event_next = document.querySelector('.arrows_event .next')
const event_switch = document.querySelectorAll('.mod_event_switch a')
function fn_e(s, m, n) {
    let num = m * -1200
    // 点击第m个a会位移 i * -1200px的距离
    s.style.transform = `translateX(${num}px)`;
    // 为ul添加过渡属性
    s.style.transition = `all 1s`;
    // 获取span类名为active并移出类名
    document.querySelector('.mod_event_switch a span.active').classList.remove('active');
    // 为当前点击的a的spans添加active类名
    event_spans[m].classList.add('active');
}
for (let i = 0; i < event_switch.length; i++) {
    // 为每个a添加点击事件
    event_switch[i].addEventListener('click', function () {
        //    调用封装函数
        fn_e(event_ul, i)
        // 给n传入当前函数的值
        c = i
    })
}

event_prve.addEventListener('click', function () {
    if (c === 0) {
        c++;
        fn_e(event_ul, c)
    } else {
        c--
        fn_e(event_ul, c)
    }
})
// 为右箭头添加点击事件
event_next.addEventListener('click', function () {
    if (c === 1) {
        c--;
        fn_e(event_ul, c)
    } else {
        c++
        fn_e(event_ul, c)
    }
})

//---------------------新碟首发-------------------
function fn_a(s, m, n) {
    let num = m * -1200
    // 点击第m个a会位移 i * -1200px的距离
    s[n].style.transform = `translateX(${num}px)`;
    // 为ul添加过渡属性
    s[n].style.transition = `all 1s`;
    // 获取span类名为active并移出类名
    document.querySelector('.mod_album_switch a span.active').classList.remove('active');
    // 为当前点击的a的spans添加active类名
    album_spans[m].classList.add('active');
}
const album_tabs = document.querySelectorAll('.mod_index_album_tab a');
let albums_tab = 0
let v = 0;
const album_uls = document.querySelectorAll('.New_album_debuts ul')
const album_spans = document.querySelectorAll('.mod_album_switch a span')
const album_switch = document.querySelectorAll('.mod_album_switch a')
// 获取左右箭头
const album_prve = document.querySelector('.arrows_album .prve')
const album_next = document.querySelector('.arrows_album .next')
for (let j = 0; j < album_tabs.length; j++) {
    album_tabs[j].addEventListener('click', function () {
        albums_tab = j
        fn_a(album_uls, 0, j);
        // 给n的值赋值为0
        v = 0;
        // 获取tab栏类名为active并移出类名
        document.querySelector('.mod_index_album_tab a.active').classList.remove('active');
        // 为当前tab栏点击的a添加active类名
        album_tabs[j].classList.add('active');
        // 获取mod_playlist栏类名为active并移出类名
        document.querySelector('.New_album_debuts ul.active').classList.remove('active');
        album_uls[j].classList.add('active');
    })
}

for (let i = 0; i < album_switch.length; i++) {
    // 为每个a添加点击事件
    album_switch[i].addEventListener('click', function () {
        //    调用封装函数
        fn_a(album_uls, i, albums_tab)
        // 给n传入当前函数的值
        v = i
    })
}


album_prve.addEventListener('click', function () {
    if (v === 0) {
        v++;
        fn_a(album_uls, albums_tab)
    } else {
        v--
        fn_a(album_uls, v, albums_tab)
    }
})
// 为右箭头添加点击事件
album_next.addEventListener('click', function () {
    if (v === 1) {
        v--;
        fn_a(album_uls, v, albums_tab)
    } else {
        v++
        fn_a(album_uls, v, albums_tab)
    }
})

// ----------------------MV-------------------
function fn_m(s, m, n) {
    let num = m * -1200
    // 点击第m个a会位移 i * -1200px的距离
    s[n].style.transform = `translateX(${num}px)`;
    // 为ul添加过渡属性
    s[n].style.transition = `all 1s`;
    // 获取span类名为active并移出类名
    document.querySelector('.mod_mv_switch a span.active').classList.remove('active');
    // 为当前点击的a的spans添加active类名
    mv_spans[m].classList.add('active');
}
const mv_tabs = document.querySelectorAll('.mod_index_mv_tab a');
let mvs_tab = 0
let d = 0;
const mv_uls = document.querySelectorAll('.New_mv_debuts ul')
const mv_spans = document.querySelectorAll('.mod_mv_switch a span')
const mv_switch = document.querySelectorAll('.mod_mv_switch a')
// 获取左右箭头
const mv_prve = document.querySelector('.arrows_mv .prve')
const mv_next = document.querySelector('.arrows_mv .next')
// 新碟首发切换tab栏
for (let j = 0; j < mv_tabs.length; j++) {
    mv_tabs[j].addEventListener('click', function () {
        mvs_tab = j;
        fn_m(mv_uls, 0, j);
        d = 0
        // 获取tab栏类名为active并移出类名
        document.querySelector('.mod_index_mv_tab a.active').classList.remove('active');
        // 为当前tab栏点击的a添加active类名
        mv_tabs[j].classList.add('active');
        // 获取mod_playlist栏类名为active并移出类名
        document.querySelector('.New_mv_debuts ul.active').classList.remove('active');
        mvs[j].classList.add('active');
    })
}

for (let i = 0; i < mv_switch.length; i++) {
    // 为每个a添加点击事件
    mv_switch[i].addEventListener('click', function () {
        //    调用封装函数
        fn_m(mv_uls, i, mvs_tab)
        // 给n传入当前函数的值
        d = i
    })
}

mv_prve.addEventListener('click', function () {
    if (d === 0) {
        d++;
        fn_m(mv_uls, d, mvs_tab)
    } else {
        d--
        fn_m(mv_uls, d, mvs_tab)
    }
})
// 为右箭头添加点击事件
mv_next.addEventListener('click', function () {
    if (d === 1) {
        d--;
        fn_m(mv_uls, d, mvs_tab)
    } else {
        d++
        fn_m(mv_uls, d, mvs_tab)
    }
})

